page{
  background-color: white;
}
.woupload{
  padding-bottom: 40rpx;

  &-card{
    background-color: #ffffff;
    box-shadow: 0px 0px 8rpx 0px 
      rgba(0, 0, 0, 0.2);
    border-radius: 4rpx;
    margin: 0 40rpx;
    margin-top: -85rpx;
    position: relative;
    z-index: 2;

    &__divider{
      height: 1px;
      background-color: #cccccc;
      margin: 0 20rpx;
      transform: scaleY(.5);
    }

    &__body{
      padding: 30rpx 20rpx;      
    }

    &__remark{
      height: 200rpx;
      background-color: #eeeeee;
      border-radius: 4rpx;
      width: 100%;
      font-size: 20rpx;
      box-sizing: border-box;
      padding: 20rpx;
      &::placeholder{
        color: #808080;
      }
    }

    &__footer{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      margin-top: 20rpx;
      padding: 0 20rpx;
      padding-bottom: 40rpx;
        
      button{
        width: 48%;
      }
    }

  }

  &-imglist{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    &__item{
      border-radius: 4rpx;
      width: 196rpx;
      height: 196rpx;
      overflow: hidden;
      margin-top: 20rpx;
      background-color: #eeeeee;
      margin-right: 20rpx;
      &.nomargin{
        margin-right: 0;
      }
      image{
        width: 196rpx;
        height: 196rpx;
      }
    }
    &__add{
      margin-top: 20rpx;
      width: 196rpx;
      height: 196rpx;
      background-color: #eeeeee;
      border-radius: 4rpx;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      image{
        width: 65rpx;
        height: 65rpx;
      }
    }
  }

  &-pos{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 60rpx;
    margin-top: 20rpx;
    position: relative;

    &::after{
      content: "";
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #eeeeee;
      height: 1px;
      transform: scaleY(.5);
      position: absolute;
    }
    &::before{
      content: "";
      left: 0;
      right: 0;
      top: 0;
      background-color: #eeeeee;
      height: 1px;
      transform: scaleY(.5);
      position: absolute;
    }
    &__location{
      width: 16rpx;
      height: 20rpx;
    }
    &__label{
      color: #808080;
      font-size: 22rpx;
      margin-left: 16rpx;
    }
    &__value{
      flex: 1;
      padding: 0 20rpx;
      font-size: 22rpx;
      color: #404040;
      text-align: right;
    }
    &__arrowright{
      width: 11rpx;
      height: 19rpx;
    }
  }

}